<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>景点推荐</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Free HTML5 Website Template by FreeHTML5.co"/>
    <meta name="keywords"
          content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive"/>


    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:card" content=""/>

    <link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet'
          type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700" rel="stylesheet">

    <!-- Animate.css -->
    <link rel="stylesheet" href="asserts/css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="asserts/css/icomoon.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="asserts/css/bootstrap.css">
    <!-- Theme style  -->
    <link rel="stylesheet" href="asserts/css/style4.css">

    <link rel="stylesheet" href="asserts/layui/css/layui.css"/>
    <script type="text/javascript" src="asserts/layui/layui.js"></script>

    <!-- Modernizr JS -->
    <script src="asserts/js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="asserts/js/respond.min.js"></script>
    <![endif]-->

</head>
<body>

<div th:fragment="topbar">
    <ul class="layui-nav" lay-filter="">
        <li class="layui-nav-item">
            <h2 style="font-family: 华文隶书;font-size: 40px" href="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h2>
        </li>
        <li class="layui-nav-item">
            <h2 class="layui-nav-item-logo" style="color: gold;font-family: 华文隶书;font-size: 45px" href="">天气系统</h2>
        </li>
        <li class="layui-nav-item">
            <a style="font-size: 28px;font-family: 华文行楷" class="active">景点推荐</a>
        </li>

        <li class="layui-nav-item">
            <a href="/toNews" th:href="@{toNews}" style="font-size: 28px;font-family: 华文行楷">推荐主页</a>
        </li>

        <li class="layui-nav-item">
            <h2 style="font-family: 华文隶书;font-size: 40px" href="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h2>
        </li>
        <li class="layui-nav-item layui-nav-item-a">
            <a href="/toLogin" th:href="@{toAdminLogin}" style="font-size: 28px;font-family: 华文行楷">管理员入口</a>
        </li>


    </ul>
</div>


<div id="page">


    <div class="copyrights">Collect from <a href="http://www.17sucai.com" target="_blank">17素材网</a></div>

    <div id="fh5co-project">
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>今日气候:[[${view.correweather}]]</h2>
                    <h3>所在城市:[[${view.belongcity}]]</h3>
                    <p>温馨提示：以下的景点是根据当日气候所形成的推荐，仅供参考，具体出行请根据具体情况</p>
                </div>
            </div>
            <div class="row">


                <div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn"
                     th:each="view:${viewList}">
                    <a th:href="@{/toview(viewid=${view.viewid})}"><img th:src="${view.viewimg}"
                                                                        alt="Free HTML5 Website Template by FreeHTML5.co"
                                                                        class="img-responsive">
                        <h3>[[${view.viewname}]]</h3>
                        <span>[[${view.belongcity}]]</span>
                    </a>
                </div>


            </div>
        </div>
    </div>


    <div id="fh5co-started">
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>Lets Get Started</h2>
                    <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident.
                        Odit ab aliquam dolor eius.</p>
                </div>
            </div>
        </div>
    </div>


</div>

<div class="gototop js-top">
    <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>

<!-- jQuery -->
<script src="asserts/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="asserts/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="asserts/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="asserts/js/jquery.waypoints.min.js"></script>
<!-- Main -->
<script src="asserts/js/main.js"></script>

<script>
    layui.use('element', function () {
        var $ = layui.jquery,
            element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
    });
</script>

</body>
</html>

